@charset "utf-8";
/*-- common start --*/

/*-- css reset --*/
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset,button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 "微软雅黑",Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%;font-weight: normal }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */

a { text-decoration: none;color: #000; }
/*a:hover { text-decoration: underline; }*/

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 overflow-y: scroll; */
html { font-size: 20px; }

/* 清除 input标签的默认外边线 */
input {outline: none;}

.title {
    color: #333333;
}


::-webkit-input-placeholder {
    font-size: 13px;

}
:-moz-placeholder {
    font-size: 13px;
}
::-moz-placeholder {
    font-size: 13px;
}
:-ms-input-placeholder{
    font-size: 13px;
}


.clearfix{}
.clearfix:after {content: '';height: 0;display: block;visibility: hidden;clear: both;}
.left {float: left;}
.right {float: right;}
html,body {width: 100%;height: 100%;background: #f6f6f6;font-family: "Microsoft YaHei UI",Arial,sans-serif;word-wrap:break-word;word-break:normal;margin: 0 auto;/*max-width: 640px;*/}
/*
html,body * {
    line-height: 1.1em;
}*/




/**/
.padtop10 {padding-top: 10px;}





html .card {
    margin: 10px 0;
    box-shadow: none;
}


@media screen and (min-width: 778px) {
    .page-group {
        max-width: 640px;
        left: 50%;
        transform: translate3d(-50%,0,0);
    }
}


/*-- common header  通用头部 --*/
.common-header {width: 100%;height: 64px;position: fixed;z-index: 999;top: 0;left: 0; }
.common-header-container {width: 100%;max-width:640px;margin:0 auto;position: relative;height: inherit;background: #fff;border-bottom:1px solid #ccc;}

.common-header-title {position: absolute;left: 16%;right: 16%;display: inline-block;text-align: center;bottom: 12px;font-weight: 500;font-size: 16px;color: #333;padding: 3px 0px;}
.common-header-return {position: absolute;bottom: 12px;left: 15px;display: inline-block;font-size: 20px;width: 10px;height: 20px;background: url("../images/orders/back_black.png") no-repeat left center ;}
.common-header-operational {position: absolute;bottom: 12px;right: 15px;display: inline-block;font-size: 16px;padding: 3px 0px;}
.operational-color-blue {color: #4bb4f9;}

/*-- common-container --*/

/*.common-container {width: 100%;max-width: 640px;!*height: 100%;*!margin: 64px auto 55px;background: #f6f6f6;overflow-y: scroll;padding-top: 10px;}*/
.common-container {width: 100%;max-width: 640px;position: absolute;top: 64px;bottom: 55px;left: 50%;/*background: #4bb4f9;*//*padding-top: 10px;*/z-index: 99;overflow-y: scroll;background: #fff;margin: 0px auto;transform: translate3d(-50%,0,0);}

.common-container.clearTop {top: 0px;}
.common-container.clearBottom {bottom: 0px;}
.common-container.bg-gray {background: #f6f6f6;}

.bg-white {background: #ffffff;}
.common-container.martb55 {margin-bottom: 0px;}
.common-container.martp0 {margin-top: 0px;}
.common-container.padtp0 {padding-top: 0px;}



/*-- common footer 通用底部 导航切换  --*/
.common-footer {width:100%;height: 55px;position: fixed;bottom: 0;z-index: 999;left: 0;}
.common-footer-container {max-width:640px;margin:0 auto;position: relative;height: 55px;background: #fff;border-top: 1px solid #ccc;}

.common-menu {width: 100%;display: flex;flex-direction: row;justify-content: space-around;align-items:center;height: inherit;}
.common-menu > li {text-align: center;}
.common-menu-title {font-size: 10px;color: #333;font-weight: 500;padding-top: 2px;}
.common-menu-icon {width: 24px;height: 26px;background: transparent;display: inline-block;}
.common-menu-icon-index {background: url("../images/comon/home-.png") no-repeat center center;background-size: 100%;}
.common-menu-icon-shopping {background: url("../images/comon/shopping-.png") no-repeat center center;background-size: 100%;}
.common-menu-icon-personal {background: url("../images/comon/personal-.png") no-repeat center center;background-size: 100%;}

.common-menu-icon-index.active {background: url("../images/comon/home.png") no-repeat center center;background-size: 100%;}
.common-menu-icon-shopping.active {background: url("../images/comon/shopping.png") no-repeat center center;background-size: 100%;}
.common-menu-icon-personal.active {background: url("../images/comon/personal.png") no-repeat center center;background-size: 100%;}

/*-- common end --*/




/* - 可通用组件 - 收货地址 - */
.orders-address-item {width: 100%;margin-bottom: 10px;background: #ffffff;}
.orders-address-operate {
    height: 44px;
    border-top:1px solid rgba(0,0,0,0.12);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.orders-address-infor {
    padding: 15px;background: #fff;margin-top: 10px;font-size: 14px;color: #999;line-height: 25px;}
.orders-addroper-state {
    padding-right: 15px;}


.orders-address-inforlist {clear: both;}
.orders-address-inforlist:after {content:'';display: block;height: 0;visibility: hidden;clear: both;}
.orders-address-inforlist dt {width: 25%;height: 25px;}
.orders-address-inforlist dd {width: 74%;height: 25px;}
.orders-address-inforlist dd span {float: right;}
.orders-address-inforlist dt,dd {float: left;}

.orders-addroper-state > span {padding-right: 10px;}




.orders-addr-default {padding-left: 15px;display: inline-block;height: 20px;line-height: 20px;}
.orders-addr-default i {display: inline-block;width:16px;height: 16px;border:1px solid rgba(0,0,0,0.32);border-radius: 50%; margin-right: 5px;    vertical-align: top;  }
.orders-addr-default.active i {background: url("../images/orders/y-1.png") no-repeat center center;background-size: 100%;border: none;}

.mine-address-add {width: 100%;height: 55px;line-height: 55px;color: #fff;font-size: 15px;text-align: center;background-color: #60befe;}
.mine-address-add > i{width: 16px;height: 16px;display:inline-block;background: url("../images/mine/icon_newadd.png") no-repeat center center;background-size: 100%;margin-right: 10px;vertical-align: baseline;}



.address-name-style {font-size: 15px;color: #333;}
.address-name-style span {padding: 0px 20px;font-weight: 700;}


.orders-address-iframe {width: 100%;height: 100%;position: fixed;z-index: 1200;left: 100%;border: none;background: transparent;display: block;}



.price {
    color: #f60;
    font-size: 13px;
    /*font-weight: 600;*/
}
.priceNow {
    color:#bf474b;
    font-size: 14px;

}
.priceOrg {
    color: #949494;
    text-decoration: line-through;
    font-size: 12px;
    margin-left: 5px;

}

.discount {
    background-color: #4cc3fe;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
    padding: 2px;
    font-size: 12px;

}



/*-- index --*/

.index.header {

}
.index-banner {
    background-color: #ffffff;
}
.index-banner .swiper-container {
    padding-bottom: 10px;
}
.index-banner .swiper-pagination {
    bottom: 16px;
    text-align: right;
}
.index-tip {
    padding:5px 15px 15px;
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /*border-top: 1px solid #F6F6F6;*/
}

.index-tip span {
    margin: 0 8px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;



}
.index-tip span .icon {

    /*margin-right: 8px;*/
    vertical-align: baseline;
    color: #FF0000;
    margin-bottom: 5px;

}
.index-tip span i {
    font-style: normal;
    font-size: 12px;
    color: #666666;
}
.icon-fahuo,.icon-super,.icon-mianyou {
    width: 41px;
    height: 41px;
    display: inline-block;
}
.icon-super {
    background: url("/static/store/images/comon/icon/super_product.png") center/cover no-repeat;
}

.icon-fahuo {
    background: url("/static/store/images/comon/icon/topspeed.png") center/cover no-repeat;
}
.icon-fanxian {
    background: url("/static/store/images/comon/icon/fanxian2.png") center/cover no-repeat;
}
.icon-mianyou {
    background: url("/static/store/images/comon/icon/free_postage.png") center/cover no-repeat;
}


.fanxian-set {
    position: relative;

}

.fanxian-set span {
    position: absolute;
    top: 7px;
    font-size: 12px;
    color: #4cc3fe;
}


.index-container {width: 100%;position: relative;margin: 10px auto 0;}


.hotGoods {}
.hotGoods-title {
    width: 100%;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-bottom: 1px solid #F6F6F6;
    font-size: 16px;
    background-color: #ffffff;
}
.hotGoods .hotGoods-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;


}
.hotGoods .hotGoods-list .goods-item {

    max-width: 49.68%;
}

.hotGoods .hotGoods-list .price {
    color: #ad5252;
}



.arbbAds {
    width: 100%;
    position: relative;
    margin-top: 10px;
}
.arbbAds-content {

}
.arbbAds-list {

}
.arbbAds-item {
    width: 100%;
}
arbbAds-item a {
    width: 100%;
    display: block;
}
.arbbAds-item img {
    display: block;
    width: 100%;
}
.totalGoods {
    width: 100%;

    padding: 10px 0;
}

.totalGoods-title {
    width: 100%;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-bottom: 1px solid #F6F6F6;
    font-size: 16px;
    background-color: #ffffff;
}

.goods-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}



.goods-item {
    width: 49.5%;
    /*box-sizing: content-box;*/
    padding: 10px;
    margin-bottom: 2px;
    background-color: #ffffff;
    /*flex: 1;*/

}
.goods-item:nth-child(odd) {
    margin-right: 2px;
}
.goods-item .item-content {
    font-size: 12px;
}



.item-header {
    line-height: 44px;
}
.item-header:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.title {float: left;font-size:15px;color: #1ab5ff}
.more,.p {float: right;font-size:13px;color: #666;}

.item-content {

}
.item-sec {
    width: 100%;
    border-bottom: 1px solid #D2E9FF;

}
.item-sec:last-child {
    border-bottom: none;
}
.item-sec a {
    width: 100%;
    display: block;
    text-decoration: none;
    color: #333333;
}
.item-sec  img {
    width: 100%;
    display: block;
    border-radius: 4px;
}
.item-content h3 {
    font-size:12px;
    color: #333;
    padding: 12px 0;
    line-height: 1.4em;
    font-weight: normal;
/*    display: flex;
    flex-direction: row;
    justify-content: space-between;*/
}
.item-content  p {
    font-size:13px;color: #666;
    line-height: 19px;
}

.goods-title {
    width: 100%;
    height: inherit;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}

.banner-list {
    width: 100%;
}
.banner-list .swiper-slide > img {
    width: 100%;
    display: block;
}


.totalgoods-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: #ffffff;
    /*margin-bottom: 10px;*/
    padding: 10px 0 10px 10px;

    position: relative;
}
.totalgoods-item:after {
    content: '';
    width: 97%;
    position: absolute;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #e0e0e0;
}
.totalgoods-item:last-child:after {
    border: none;

}



.totalgoods-item-img {
flex: 4;
}

.totalgoods-item-img > img {
    width: 100%;
    display: block;
}

.totalgoods-item-intro {
    flex: 6;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.totalgoods-item-intro .goods-title {
    line-height: 1.4em;
}
.totalgoods-item-intro  .button {
    width: 68px;
    height: 25px;
    text-align: center;
    font-size: 12px;
    padding: 0;
    line-height: 25px;
}

.totalgoods-item-intro-s {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;

}



/*-- 个人中心 --*/

/*- 可复用 start -*/





/*- 可复用 end -*/



/*- 用户中心 -*/

.mine-userCenter-head {width: 100%;height: 250px;position: relative;}
.mine-userCenter-head-bg {background: url("../images/mine/bg_user_new.png") no-repeat center center;background-size: 100%;}

.mine-userCenter-head-box {width: 200px;position: absolute;top:50%;left: 50%;transform: translate3d(-50%,-50%,0);}
.mine-userCenter-head-box > a {display: block;}


.mine-userCenter-avatar {width: 90px;height: 90px;border: 3px solid rgba(255,255,255,0.4);border-radius: 50%;margin: 0 auto;overflow: hidden;}
.mine-userCenter-avatar img{width: 100%;display: block;border-radius: 50%;}
.mine-userCenter-name {line-height: 30px;text-align: center;font-size: 14px;}
.mine-userCenter-name.color-not {color: #d3e5fb;}
.mine-userCenter-name.color-ok {color: #fff;}
.mine-userCenter-main {width: 100%;background: #fff;}
.userCenter-main-func {padding-left: 15px;}
.userCenter-main-func li {height: 85px;line-height: 85px;font-size: 15px;color: #333;border-bottom:1px solid rgba(0,0,0,0.12);padding-right: 15px;position: relative;  }
.userCenter-main-func li  {display: block;}
.userCenter-main-func li > img {width: 55px;margin-right: 15px;vertical-align: middle;}
.userCenter-main-func-point {float: right;width: 8px;/*height: 14px;*/display: inline-block;background: url("../images/mine/right.png") no-repeat center center;background-size: 100%;height: 85px;line-height: 85px;}
.userCenter-main-func li  > span {position: absolute;right: 30px;}
.userCenter-main-func li  > span.color-blue {color: #60befe;}


/*- 绑定手机 -*/

.mine-mobile-container {padding: 15px;}

.mine-mobile-item {font-size: 14px;border-bottom: 1px solid #cccccc;position: relative;height: 55px;line-height: 55px;}
.mine-mobile-title {color: #333;font-weight: 700;}
.mine-mobile-item input {border: none;margin: 0px 5px;}
.mine-mobile-verifybtn {display: inline-block;width: 90px;height: 30px;line-height: 30px;text-align: center;background: #4bb4f9;border-radius: 4px;color: #fff;float: right;    margin-top: 13px;}
.mine-mobile-verifybtn.verifybtn-bg {background: #86cdfc;}

.mine-mobile-sub {width: 90%;height: 40px;line-height: 40px;text-align: center;background: #4bb4f9;border-radius: 4px;font-size: 15px;color: #fff;border: none;margin: 50px auto 0px;display: block;}


/*- 修改密码 -*/
.mine-password-container {}
.mine-psd-form {padding:0px 30px;}
.mine-psd-form li {height: 60px;line-height: 60px;border-bottom:1px solid #cccccc;position: relative; }
.mine-psd-form li input {border: none;width: 60%;}


/*- 个人资料 -*/
.mine-personal-container {background: #fff;width: 100%;}
.mine-personal-list {padding-left: 15px;}
.mine-personal-list li {height: 50px;line-height: 50px;border-bottom: 1px solid #cccccc;padding-right: 15px; }
.mine-personal-item {background: url("../images/mine/right.png") no-repeat right center;background-size:8px;}

.mine-personal-file {position: absolute;z-index:1;width: 100%;height: 50px;opacity: 0;}

.mine-personal-list li:last-child {border-bottom: none;}
.mine-personal-title {font-size: 14px;color: #333;}
.mine-personal-img {display:block;width: 35px;height: 35px;border-radius: 50%;float: right;margin-top: 8px;margin-right: 20px;}
.mine-personal-img img {width: inherit;height: inherit;border-radius: 50%;}

.mine-personal-footer {height: 48px;line-height: 48px;background: #f3646f;border: none;text-align: center;font-size: 15px;color: #fff;}
.mine-personal-name {float: right;padding-right: 20px;}



.mine-sex-container {width: 70%;background: #fff;position: absolute;top: 50%;left: 50%;margin-left: -35%;margin-top: -60px;display: none;}
.mine-sex-container h3 {font-size: 16px;padding: 10px 0px;border-bottom: 2px solid rgba(0,0,0,0.12);padding-left: 10px;}
.mine-sex-container span {display: block;font-size: 14px;padding: 6px 0px;padding-left: 10px;}
.mine-sex-container span:last-child { border-top: 1px solid rgba(0,0,0,0.12); }

/*.mine-sex-container span input {float: right;width: 20px;height: 20px;margin-top: 9px;}*/


/*- 昵称 -*/
.mine-name-container {width: 100%;}
.mine-name-edit {padding:0px 15px;height:40px;line-height: 40px;position: relative;background: #fff;}
.mine-name-edit > input {border: none;height: 20px;font-size: 14px;color: #333;width: 80%;}
.mine-edit-cannel {width: 15px;height: 15px;position: absolute;right:15px;top:14px;display: block;background: url("../images/mine/btn_delete.png") no-repeat;background-size: 100%;}
.mine-name-point {font-size: 12px;color: #adadad;line-height: 20px;padding: 0px 15px;margin-top: 15px;}

.mine-niName-container {width: 100%;height: 100%;position: fixed;z-index: 9999;left: 100%;top: 0;background: #f6f6f6;}
.mine-name-header {position: absolute;left: 0;top: 0;width: 100%;height: 65px;background: #fff;}

.mine-name-close {width: 40px;height: 40px;background-size: 10px 20px;bottom: 2px;}




/*- 创建账号 -*/
.mine-register-container {}
.mine-register-form {padding:0px 30px;}

.point-err {line-height: 35px;color:#4bb4f9;font-size: 14px; }
.mine-register-form li {height: 60px;line-height: 60px;border-bottom:1px solid #cccccc;position: relative; }
.mine-register-form li input {border: none;width: 60%;}
.mine-mobile-resend {display: inline-block;width: 90px;height: 30px;line-height: 30px;text-align: center;background: #4bb4f9;border-radius: 4px;color: #fff;position: absolute;top: 13px;right: 100px;}
.mine-register-logIn {text-align: center;color: #4bb4f9;font-size: 15px;margin-top: 30px;}
.mine-register-logIn a {color: #4bb4f9;}

.mine-register-term {position: absolute;bottom: 50px;text-align: center;width: 100%;font-size: 11px;color: #949494;}
.mine-register-term i {display: inline-block;width: 11px;height: 11px;margin-right: 5px;}
.mine-register-term i.bgimg-not {background: url("../images/mine/disagree.png") no-repeat;background-size: 100%;}
.mine-register-term i.active {background: url("../images/mine/agree.png") no-repeat;background-size: 100%;}
.mine-register-term  span {color: #333333;font-weight: 700;}

.mine-register-form .mine-edit-cannel {top: 22px;}



/*--*/
.mine-logIn-container {}

.proxy-login-third {margin-top: 106px;text-align: center;}
.proxy-login-third h3 {font-weight: 500;font-size: 14px;color: #666;position: relative;width: 120px;margin: 0 auto;}
.proxy-login-third h3:before {content: '';display: block;width: 80px;border-bottom: 1px solid #cccccc;position: absolute;top: 6px;left: -60px;}
.proxy-login-third h3:after {content: '';display: block;width: 80px;border-bottom: 1px solid #cccccc;position: absolute;top: 6px;right: -60px;}
.proxy-login-third img {margin-top: 20px;width: 60px;}













/* -- 订单相关页面样式 -- */



/*- 可重用 start -*/

/*--*/
.orders-list-item {/*width: 100%;*/padding: 10px 15px;background: #fff;/*position: relative;*/}
.orders-list-item .items-img {width: 20%;}
.orders-list-item .items-img img {width: 100%;max-width:100%;display: block;}
.items-infor {width: 78%;margin-left: 2%;}
.items-infor h4{font-size: 14px;color: #666;font-weight: 500;line-height: 18px;}
.items-others {/*position: absolute;bottom: 10px;*/width: 100%;margin-top: 14px;}
.items-others .itmes-price {font-size: 12px;color: #f3646f;margin-top: 10px;display: inline-block;}
.items-others .itmes-number {font-size: 12px;color: #666;border: 1px solid #666;text-align: center;}
.itmes-number i {padding: 10px 6px;font-style: normal;}
.itmes-number input {border: none;border-left: 1px solid #666;border-right: 1px solid #666;width: 30px;height: 20px;}
.itmes-number input[placeholder] {text-align: center;font-size: 14px;color: #666;}




/*- orderspay-footer -*/
.orderspay-footer {width: 100%;border: none;}
.orderspay-footer-container {width: 100%;display: flex;flex-direction: row;justify-content: center;align-content: center;align-items: center;height: inherit;}
.pay-infor {flex: 3;text-align: right;padding-right: 10px;line-height: 16px;}
.pay-infor > p {font-size: 12px;color: #999;}
.pay-infor > p span {color: #f3646f;font-size: 14px;padding: 0px 2px;}
.pay-addrbox {flex: 1;padding-right: 20px;}
.pay-addr {width: 100px;height: 35px;border-radius:4px;background: #f3646f;text-align: center;font-size: 14px;color: #ffffff;line-height: 35px; }

/*- 可重用  end -*/


/*-- 订单状态 - 下订单 - 选择数量 --*/
.orders-ordernum-container {width: 100%;/*padding-top: 20px;*/}



/*-- 订单状态 - 确认订单 --*/
.orders-ordersure-container {width: 100%;}
.orders-add-addr {height: 14px;background: #fff;padding: 15px;}
.addr-add-btn {font-size: 13px;color: #666;font-weight: 500;}
.addr-add-btn img {vertical-align: text-top;padding: 0px 10px;width:13px;height: 16px; }
.addr-add-point {background: url("../images/orders/right.png") no-repeat;width: 8px;display: inline-block;background-size: 100%;height: 24px;}




.orderssure-paytype-box {/*padding: 15px;*/background: #fff;margin-top: 10px;}
.orderssure-paytype-box h3 {font-size: 16px;color: #666;line-height: 45px;padding-left: 15px;height: 45px;}
.ordersure-paytype {height: 45px;line-height: 45px;font-size: 13px;color:#666;border-top: 1px solid rgba(0,0,0,0.12);padding:5px 15px;}
.ordersure-paytype img {vertical-align: middle;padding: 0px 10px;width:22px;height: 22px; }


.addressbox {width: 100%;height: 100%;position: fixed;z-index: 1200;left: 90%;}



.orders-address-close {width: 40px;height: 40px;background-size: 10px 20px;bottom: 2px;}






.ordersure-paytype .checkbtn {float: right;width: 16px;height: 16px;border-radius: 50%;/*border: 1px solid rgba(0,0,0,0.32);*/display: inline-block;line-height: 20px;margin-top: 14px;}
.ordersure-paytype .checkbtn i {display: inline-block;width:16px;height: 16px;border:1px solid rgba(0,0,0,0.32);border-radius: 50%; margin-right: 5px;    vertical-align: top;  }
.checkbtn.active i {background: url("../images/orders/y-1.png") no-repeat center center;background-size: 100%;border: none;}




/*.checkbtn input[type="radio"]:checked {
    background: #f3646f;
}*/

.ordersure-payinfor-box {background: #fff;margin-top: 10px;}
.ordersure-payinfor-box {/*padding: 15px;*/background: #fff;margin-top: 10px;}
.ordersure-payinfor-box > h3 {font-size: 16px;color: #666;line-height: 40px;padding-left: 15px;}
.ordersure-payinfor-item {background: #f6f6f6;border: solid rgba(0,0,0,0.12);border-width: 1px 0px;}
.ordersure-payinfor-item .itmes-number {border: none;margin-top: 10px;}
.ordersure-payinfor-text {height: 45px;line-height: 45px;text-align: right;padding-right: 15px;font-size: 12px;color: #666;}
.ordersure-payinfor-text .pay-total {color: #f3646f;font-size: 14px;padding: 0px 3px;}


/*-- 订单状态 - end --*/




/*-- 收货地址编辑 --*/

/*- 可重用  start -*/







/*- 可重用  end -*/

/*- 收货地址 - 选择 -*/
.orders-address-container {width: 100%;}








/*- 收货地址 - 增加收货地址 -*/
.orders-address-add {width: 100%;}
.orders-addr-addlist {width: 100%;background: #fff;}
.orders-addr-addlist li {height: 45px;border-top:1px solid rgba(0,0,0,0.12);line-height: 45px;}
.orders-addr-addlist li span {/*width: 20%;*/display: inline-block;padding: 0px 15px;}
.orders-addr-addlist li input {width: 65%;height: 40px;line-height: 40px;border: none;}
.orders-addr-addlist li:first-child {border: none;}

.orders-address-add .orders-addr-default {display: block;padding:0px 15px;height: 45px;background: #fff;line-height: 45px;margin-top: 10px;}
.orders-address-add .orders-addr-default i {margin-top: 13px;float: right;}

.orders-addr-save {width: 90%;margin: 0 auto;height: 44px;background: #60befe;line-height: 44px;color: #fff;font-size: 14px;text-align: center;margin-top:20px; }
.orders-addr-delete {width: 90%;margin: 0 auto;height: 44px;background: #f3646f;line-height: 44px;color: #fff;font-size: 14px;text-align: center;margin-top:20px; }



/*-- 收货地址编辑  end --*/





/* - 我的订单 start - */


/*- 可重用  start -*/

.orders-details-footer {width: 100%;border: none;}
.orders-details-footer .orders-myorder-operate {border: none;margin-top: 5px;}



.orders-operate-cancel,.orders-operate-default,.orders-operate-delete,.orders-operate-refund,.orders-operate-againApply,.orders-operate-cancelRefund {border: 1px solid rgba(0,0,0,0.12);}

.orders-operate-pay {background: #f3646f;color: #fff;}
.orders-operate-sure {background: #60befe;color: #fff;}
.orders-operate-return {border: 1px solid #60befe;color: #60befe;}
.orders-operate-wx {border: 1px solid #52d19e;color: #52d19e;}
.orders-operate-zfb {border: 1px solid #60befe;color: #60befe;}
.orders-operate-addrefund {border: 1px solid #60befe;color: #60befe;}






.orders-details-state {
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.orders-details-state > h3 {
    font-size: 14px;
    color: #fff;
    padding-left: 25px;
    font-weight: 500;
    line-height: 50px;
}

.details-state-bg-success {background: #60befe url("../images/orders/ban1.png") no-repeat 95% bottom;background-size: auto 95%;}
.details-state-bg-waitpay {background: #f3646f url("../images/orders/ban3.png") no-repeat 95% bottom;background-size: auto 95%;}
.details-state-bg-ship {background: #52d19e url("../images/orders/ban2.png") no-repeat 95% bottom;background-size: auto 95%;}
.details-state-bg-refund {background: #52d19e;}

.details-state-bg-check-refuse {background: #f3646f;}

.details-state-txtstyle {line-height: 20px;}
.details-state-txtstyle > h3 {padding-top: 5px;}
.details-state-txtstyle > p {padding: 0px 25px;color: #fff;font-size: 14px;padding-right: 0px;}



/*- 可重用  end -*/


/*-- 我的订单 - 首页 -暂无订单 --*/
.orders-null-container {width: 100%;text-align: center;}
.orders-null-img404 {padding-top: 110px;}
.orders-null-tip {font-size: 16px;color: #666;font-weight: 500;margin-top: 20px;letter-spacing: 2px;}
.orders-null-go {padding: 15px 40px;border: 1px solid #666;border-radius: 4px;display: inline-block;margin-top: 45px;font-size: 16px;color: #666;}

/* - 我的订单 - 首页 - 存在订单 - */
.orders-myorder-container {/*padding-bottom: 10px;*/width: 100%;}
.orders-myorder-item {width: 100%;margin-bottom: 10px;}
.orders-myorder-nav {height:45px;background: #fff;line-height: 45px;font-size: 13px;color: #666;padding:0px 15px;}
.orders-myorder-state {float: right;color: #f3646f;}
.orders-myorder-state.success {color: #60befe;}
.orders-myorder-state.reGood {color:#52d19e}

.orders-myorder-item .orders-list-item {background: #f6f6f6;border-top: 1px solid rgba(0,0,0,0.12);}
.orders-myorder-item .orders-list-item .itmes-number {border: none;margin-top: 10px;}
.orders-payinfor-infor {height: 45px;line-height: 45px;text-align: right;padding-right: 15px;font-size: 12px;color: #666;background: #fff;}
.orders-payinfor-infor .pay-total {color: #f3646f;font-size: 14px;padding: 0px 3px;}

.orders-myorder-operate {background: #fff;height: 45px;border-top: 1px solid rgba(0,0,0,0.12);line-height: 45px;}
.orders-myorder-operate > span {/*width: 74px;height: 30px;*/margin-right: 10px;text-align: center;border-radius: 4px;display: inline-block;line-height: 30px;font-size: 13px;float: right;margin-top: 7px;padding: 0px 15px;}




.detail-tab {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    height: 45px;
}
.detail-tab-header {

    width: 100%;
    margin:  0 auto;
    list-style: none;

}

.detail-tab-header li {
    float: left;
    width: 50%;
    text-align: center;
    font-weight: 700;

}
.detail-tab-header li div {
    display: inline-block;
    width: 65%;
    text-align: center;
    margin-left: 15px;
    height: 45px;
    line-height: 45px;
}


.detail-tab-header li div.active {
   /* border-bottom: 3px solid #1ab5ff;
    color: #1ab5ff;*/
    border-bottom: 3px solid #cd3e3c;
    color: #cd3e3c;
}

.detail-tab-header li span {


}



/*- 订单详情 -*/
.orders-details-container {width: 100%;}


.orders-details-orderinfor {
    background: #fff;
    height: 44px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    line-height: 44px;
    padding: 0px 15px;
    font-size: 13px;
    color: #999;
}
.details-orderinfor-number {
   height: 44px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.orderinfor-time {float: right;}

.orders-details-container .orders-address-infor {margin-top: 0px;}
.orders-details-container .orders-myorder-item {margin-top: 10px;}

.orders-myorder-logistics {background: #fff;width: 100%;margin-top: 10px;}
.myorder-logistics-nav {padding:0px 15px;height: 45px;line-height: 45px;}
.myorder-logistics-title {font-size: 14px;color: #666;}
.myorder-logistics-arrow {float: right;display: inline-block;width: 16px;height:inherit;}
.logistics-arrowD {background: url("../images/orders/down.png") no-repeat center center;background-size: 100%;}


.myorder-logistics-box {width: 100%;display: none;}

.myorder-logistics-infor {padding: 15px 0px;background: #f6f6f6;border: solid rgba(0,0,0,0.12);border-width: 1px 0px;font-size: 14px;color: #999;line-height: 25px; }
.myorder-logistics-infor .orders-address-inforlist  {padding: 0px 15px;}
.myorder-logistics-infor .state-active{color: #60befe;}
.myorder-logistics-pos {padding:15px;background: #fff;}


.orderdetail-logistics-list {/*margin:20px;*//*height:150px;*//*overflow-y: scroll;*/}
.orderdetail-logistics-list li {font-size: 14px;color:#999;position: relative;padding-left: 30px;line-height: 25px;margin-bottom: 10px;/*height: 75px;*/overflow-y: hidden; }
.orderdetail-logistics-list li.active {color:#C33D1D;}

.orderdetail-logistics-list li.active:before {
    content: "";
    width: 5px;height: 5px;background: #C33D1D;border: 3px solid rgb(249,219,189);display: block;border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6px;
}
.orderdetail-logistics-list li.init:before {
    content: "";
    width: 5px;height: 5px;background: #d5d5d5;border: 3px solid #fff;display: block;border-radius: 50%;
    position: absolute;left: 0;
    top: 6px;
}
.orderdetail-logistics-list li.line:after {
    content: "";
    display: block;
    width: 1px;
    height: 60px;
    background: #d5d5d5;
    position: absolute;
    top: 20px;
    left: 5px;
}




/*退款区块*/
.orders-refund-state {width: 100%;background: #fff;margin-top: 10px;}
.orders-refund-state > h3 {height: 45px;line-height: 45px;padding: 0px 15px;font-weight: 500;border-bottom:1px solid rgba(0,0,0,0.12); }
.orders-refund-state-box {padding: 15px;background: #fff;}
.orders-refund-state-item {font-size: 14px;color: #999;border:1px solid rgba(0,0,0,0.12);border-radius: 3px;margin-bottom: 10px;background: #f6f6f6;}
.orders-refund-state-item h4 {font-weight: 500;height: 32px;line-height: 32px;padding: 0px 10px;}
.orders-refund-state-item h4 span {float: right;}

.refund-state-color-success {color: #52d19e;}
.refund-state-color-fail {color: #f3646f;}



.orders-state-situation {border-top:1px solid rgba(0,0,0,0.12);padding: 15px 10px;line-height: 25px;}

.orders-state-situation p span {color: #333;}

/*申请退款*/
.orders-applyrefund-container {width: 100%;background: #fff;height: 100%;}
.orders-applyrefund-reason {padding: 10px 15px;}
.orders-applyrefund-reason > h3 {height: 32px;line-height: 32px;font-size: 14px;color: #666;}
.orders-applyrefund-reason > h3 i {color: #C33D1D;line-height: 32px;}
.applyrefund-reason-select {height: 32px;width: 100%;border-radius: 4px;border: 1px solid #999;padding-left: 10px;}
.orders-applyrefund-reason > p {font-size: 12px;color: #999;line-height: 25px;margin-top: 10px;}
.orders-applyrefund-line {border-bottom:1px solid rgba(0,0,0,0.12);margin: 0px 0px 20px;}
.orders-applyrefund-remark {padding: 0px 15px;}
.orders-applyrefund-remark > h3 {height: 32px;line-height: 32px;font-size: 14px;color: #666;}

.orders-applyrefund-remark textarea {height: 100px;width: 96%;font-size: 14px;padding: 2%;}
/*.orders-applyrefund-remark textarea[placeholder] {padding: 10px 0px 0px 10px;}*/
.orders-applyrefund-submit {width: 100px;height: 35px;margin: 25px auto;background: #f3646f;border-radius: 4px;color: #fff;font-size: 14px;text-align: center;line-height: 35px;}
/* - 我的订单 end - */




.orders-refund-message {background: #fff;height: 100%;padding: 0px 20px;}

.refund-message-add {padding-top: 10px;}
.refund-message-add h3 {line-height: 35px;color: #333;}
.refund-message-add h3 span {padding-left: 5px;color: #ff7711;}
.refund-message-add input,select {width: 100%;height: 30px;}
.refund-msg-filestype {width: 70px;height: 70px;border-radius: 6px;border: 1px dashed #333;background: url("../images/orders/xiangji.png") no-repeat center center ;}
.trackfile {width: 70px;height: 70px;opacity: 0;}

.refund-msg-submit {width: 100px;height: 35px;line-height: 35px;background: #f3646f;color: #fff;text-align: center;margin: 0 auto;border: none;display: block;font-size: 13px;margin-top: 6px;border-radius: 4px;}





/*- goods -*/

.pageGoodsDetails {
    /*background-color: #ffffff;*/
}

.pageGoodsDetails .toTop {
    position: absolute;
    right: 15px;
    bottom: 80px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

.pageGoodsDetails .toTop.hide {
    visibility: hidden;
}

.pageGoodsDetails .toTop .icon {
    transform: rotate(180deg);
}
.pageGoodsDetails .bar-nav .title {
    float: left;
    font-size: 15px;
    color: #333333;
    max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    left: 10%;
    right: 10%;
    display: inline-block;
    margin: auto;
}


.goods-details-header {
    width: 100%;
    margin-bottom: 10px;
    background-color: #ffffff;
}
.goods-details-header img {
    width: 100%;
    display: block;
}

.goods-details-header h4 {
    padding:10px 15px;
    color: #1ab5ff;
    font-size: 16px;

}




.goods-details-header span {
    padding: 0 10px 0 0;
    font-size: 14px;
}

.goods-details-header .number {
    padding: 10px 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.goods-details-header .number > span {
    /*font-weight: 600;*/
}

.goods-intro {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
}


.goods-details-header .goods-msg h4 {
    color: #333333;
    font-size: 14px;
    line-height: 1.5em;

}
.goods-details-header .pricebox ,.goods-details-header .remain_number-box{
    padding:0 15px;
}
.remain_number-box{
    margin-top: 10px;
    padding-bottom: 3px;
}

.goods-details-header .remain_number-box span{
    padding:5px;
    font-size:12px;
    margin-top:3px;
}
.goods-details-header .pricebox .priceNow {
    color:#c04749;
    font-size: 20px;

}
.goods-details-header .pricebox .priceOrg {
    color: #949494;
    text-decoration: line-through;
    font-size: 14px;

}
.goods-details-header .pricebox .discount {
    background-color: #4cc3fe;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
    padding: 2px;
    font-size: 12px;

}

.goods-intro .share {
    padding: 6px 4px;

}
.goods-intro .share .icon {
    font-size: 18px;
}

.goodsDetails-bar {
    background-color: #1b6d85;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.goodsDetails-bar span {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    line-height: 2.5rem;
}

.goodsDetails-bar span a {
    color: #ffffff;
}

.goodsDetails-bar span .icon {
    color: #333333;
}
.goodsDetails-bar .joinbuy {
    flex: 4;
    background-color: #ffbd43;
}
.goodsDetails-bar .total {
    flex: 4;
    background-color: #ffbd43;
}
.goodsDetails-bar .total i {
    font-style: normal;
}
.goodsDetails-bar .toBuy,.goodsDetails-bar .buy {
    flex: 4;
    /*background-color: #4cc3fe;*/
    background-color:#CE3D3C;
}

.goodsDetails-bar .iconBuy {
    flex: 2;
    background-color: #ffffff;
    color: #000000;
    font-size: 24px;
    position: relative;
}
.goodsDetails-bar .iconBuy .icon {
    font-size: 1.3rem;
}
.goodsDetails-bar .iconBuy .badge {
    position: absolute;
    top: 8px;
    right: 6px;
    background-color: #FF0000;
    color: #ffffff;
    z-index: 10000;
    opacity: 0;

}

.goods-details-content {
    background-color: #ffffff;
}

.goods-details-wrap {
    padding-top: 10px;
    width: 100%;
}
.goods-details-wrap-intro {
    padding: 10px;
}
.goods-details-wrap-intro img {
    display: block;
    width: 100%;
}
.goods-details-wrap-title {
    width: 100%;
    border-bottom: 1px solid #f9f9f9;
    padding: 10px 15px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}


/* goodsCart */

.goodscart-wrap {
    /*background-color: #ffffff;*/
}

.pageCartList {

}

.goodscart-list .list-block {
    margin: 0;
}

.pageCartList .content {
    /*position: relative;*/
    bottom:4.7rem;
}
.goodsCart-bar {
    position: absolute;
    bottom: 2.5rem;
    height: 44px;
    line-height: 44px;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;

}

.goodsCart-bar .goodsCart-checkbox {
    padding: 0 8px;
}

.goodsCart-bar .total {
    flex: 7;
    padding:0 15px;
    color: #FF6600;
    font-size: 14px;

}
.goodsCart-bar .total .totalNum {

    font-style: normal;
}

.goodsCart-bar .buy {
    flex: 3;
    background-color: #FF4400;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    line-height: 44px;

}

.goodsCart-bar .buy a {
    color: #ffffff;
}
.goodsCart-bar {

}


.goodsCart-bar.hide {
    visibility: hidden;
}
.goodscart-items {
    background-color: #F6F6F6;


}

.goodscart-items-header  {
    height: 44px;
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0 15px;
    line-height: 44px;
    font-size: 12px;
    align-items: center;
}

.goodscart-items-header .edit {

}

.goodscart-items .item-content {
    margin-top: 2px;
    background-color: #ffffff;
}


.pageCartList .goodscart-items .item-inner {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100px;
    padding: 0;

}





 .goodscart-items .intro {
    flex: 3;
    overflow: hidden;
    height: 100%;
    min-width: 90px;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;

}
.goodscart-items .intro .images {
    width: 85px;
    height: 85px;
    overflow: hidden;
    margin: 7px;

}
.goodscart-items .intro .images img {
    height: 100%;
    display: block;
}
.goodscart-items .intro .text {
    flex: 1;
    padding: 10px 10px;

}

.goodscart-items .intro .text h5 {
    font-size: 13px;
    color: #666;
    font-weight: normal;
    margin-bottom: 5px;

}
.goodscart-items .intro .text .extra {
    padding: 5px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}


.goodscart-items .operation {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
}
.goodscart-items .operation.hide {
    display: none;
}



.goodscart-items .operation .par {
    flex: 6;

}
.goodscart-items .operation .todo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 40px;

}
.goodscart-items .operation .todo span {
    flex: 2.5;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;

}
.goodscart-items .operation .todo input {
    flex: 5;
    height: 40px;
}


.goodscart-items .operation .delete {
    flex: 2;
    background-color: #FF6600;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    display: flex;
    justify-content: center;
    flex-direction: column;

}




.todo {
    display: inline-block;
}
.todo span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #f0f0f0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    padding: 0;
    border: 1px solid #f9f9f9;
    vertical-align: bottom;
}
.todo input {

    width: 30px;
    height: 20px;
    max-width: 100px;
    border: none;
    border-radius: 1px;
    background-color: #f3f3f3;
    text-align: center;
}


.remain_num{
    color: gray;
}

/* usercenter */

.usercenter-header {
    width: 100%;
    height: 200px;
   /* background: #3191e8 url("/static/store/images/mine/bg_user.jpg")center/cover no-repeat ;*/
    background: url("/static/store/images/mine/bg_user_new.png")center/cover no-repeat ;

}

.user-intro {
    width: 110px;
    margin: 0 auto;
    transform: translate3d(0,40px,0);

}
.headImgbox {
    width: 100%;
    display: block;
}
.headImg {
    width: 90px;
    display: block;
    margin: auto;
}
.nickname {
    font-size: 14px;
    color: #d2e5fb;
    margin-top: 10px;
    text-align: center;
}

.referrer {
    color: #ffffff;
    padding: 2px 4px;
    font-size:12px;
    margin-top: 5px;
}




.usercenter-content {
    width: 100%;
}

.usercenter-manage {
    width: 100%;
    position: relative;
}

.usercenter-manage-item {
    height: 55px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background-color: #ffffff;
    padding: 15px;
    border-bottom: 1px solid #F6F6F6;
}
.usercenter-manage-item > a {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}

.authId {
    padding: 5px 8px;
    color: #FF6600;
    font-size: 12px;
    display: inline-block;
    border: 1px solid #FF6600;
    margin-left: 12px;
}





.manage-head {
    flex: 3;
    max-width: 55px;
    /*background-color: #00a2d4;*/

}
.manage-footer {
    flex: 1;
    /*background-color: #ffbd43;*/

}
.manage-content {
    flex: 6;
    /*background-color: #3f51b5;*/
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.manage-content h3 {
    display: inline-block;
    font-weight: normal;
    font-size: 14px;

}
.manage-content span {
    margin-top: 5px;
    font-size: 12px;
    color: #999999;
}
/*.icon-address {
    width: 35px;
    height: 35px;
    display: block;
    background: url("/static/store/images/mine/icon_add.png") center/contain no-repeat;
}*/
/*.icon-order {
    width: 35px;
    height: 35px;
    display: block;
    background: url("/static/store/images/mine/icon_dt.png") center/contain no-repeat;
}*/
.icon-verify {
    width: 35px;
    height: 35px;
    display: block;
    background: url("/static/store/images/mine/icon_rz.png") center/cover no-repeat;
}
/*.icon-jiesuan {
    width: 35px;
    height: 35px;
    display: block;
    background: url("/static/store/images/mine/icon_js.png") center/contain no-repeat;
}
.icon-agency {
    width: 35px;
    height: 35px;
    display: block;
    background: url("/static/store/images/mine/icon_daili.png") center/contain no-repeat;
}*/

/*.icon-invitation {
    width: 55px;
    height: 55px;
    display: block;
    background: url("/static/store/images/mine/icon_yq.png") center/contain no-repeat;
}*/

.icon-shouyi {
    width: 35px;
    height: 35px;
    display: block;
    background: url("/static/store/images/mine/icon_shouyi.jpg") center/cover no-repeat;
}

.icon-erweima {
    width: 35px;
    height: 35px;
    display: block;
    background: url("/static/store/images/mine/icon_erweima.jpg") center/contain no-repeat;
}

.icon-message-u{
    width: 35px;
    height: 35px;
    display: block;
    background: url("/static/store/images/mine/icon_message.png") center/contain no-repeat;

}

.icon-wenti {
    width: 35px;
    height: 35px;
    display: block;
    background: url("/static/store/images/mine/icon_wenti.png") center/contain no-repeat;
}
.icon-yijian {
    width: 35px;
    height: 35px;
    display: block;
    background: url("/static/store/images/mine/icon_opinion.png") center/contain no-repeat;
}
.icon-taste {
    width: 35px;
    height: 35px;
    display: block;
    background: url("/static/store/images/mine/icon_shichi.png") center/contain no-repeat;
}



.usercenter-stats {
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 1px;

/*    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;*/
    text-align: center;
}

.usercenter-stats-item {
    flex: 1;
    max-width: 48%;
    min-width: 40%;
    background-color: #f6f6f6;
    margin: 10px;
    min-height: 60px;
    text-align: center;
    padding: 15px;
    border-radius: 2px;
    display: inline-block;
}

.usercenter-stats-item span {

    color: #999999;
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
}
.usercenter-stats-item span i {
    font-size: 24px;
    color: #4cc3fe;
    font-style: normal;
    display: inline-block;
    margin-right: 5px;
}


.usercenter-stats-item h5 {
    font-size: 13px;
    color: #999999;
}



/* 我的收益 */
.earnings-container {
    padding: 15px;
    box-sizing: content-box;
}

.earnings-status {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}


.earnings-status-item {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;


}

.earnings-status-item:nth-child(odd) {
    background-color: #4cc3fe;
    color: #ffffff;
    box-shadow: 0 0 5px 4px #7dd4ff;
}

.earnings-status-item:nth-child(even) {
    background-color: #ffffff;
    color: #4cc3fe;
    box-shadow: 0 0 5px 4px #e6e6e6;

}

.earnings-status-item h3 {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em;

}
.earnings-status-item:nth-child(even) h3 {
    color: #4cc3fe;
}
.earnings-status-item .numberbox {
    margin-bottom: 15px;

}
.earnings-status-item .money,.earnings-status-item .beforehandMoney {
    font-size: 30px;
    margin-right: 3px;
}

.earnings-status-item span {
    font-size: 18px;

    padding: 8px 0;
}

.earnings-container .button {
    background-color: #4cc3fe;
}

.earnings-intro {
    padding: 15px;
}
.earnings-intro  {

}
.earnings-intro span {
    margin-bottom: 10px;
    display: block;
}
.earnings-intro span,.earnings-intro li {
    font-size: 13px;
    color: #999999;
}
.earnings-intro ol {
    padding-left: 15px;
}
.earnings-intro li {
    line-height: 1.5em;
    list-style: decimal;

}


.totalW {
    width: 50%;
    color: #00a2d4;
}


.withdrawSub-container {
    padding: 15px;
    background-color: #ffffff;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.icon_success {
    width: 65px;
    height: 65px;
    display: block;
    background: url("/static/store/images/mine/icon_succeed.png") center/contain no-repeat;
}
.icon_fail {
    width: 65px;
    height: 65px;
    display: block;
    background: url("/static/store/images/mine/icon_fail.png") center/contain no-repeat;
}


.withdrawSub-title {
    font-size: 23px;
    margin: 15px 0;

}


.pageWDEarnings .list-block {
    margin: 10px 0 0 0;
}

.pageWDEarnings .btnWith {
    background-color: #4cc3fe;
}
    /**/
.invitation-container {


}

.onlyUrl {
    padding: 0 15px 15px 15px;
    background-color: #ffffff;
    /*margin-top: 10px;*/
}

.invitation-container .official {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
    background-color: #ffffff;
    margin:0 15px;
    background: url("/static/store/images/mine/bg-in.png") center/cover no-repeat;
    border: 5px solid #DDDDDD;
/*    position: absolute;
    bottom: 15px;*/
    margin-top: 30px;
}


.invitation-container .official .ofc-ewm {
    max-width: 200px;

}
.invitation-container .official .ofc-ewm img {
    display: block;
    width: 100%;
}

.invitation-container .official .intro {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.invitation-container .official .intro p {
    font-size: 14px;
    padding: 6px 0;
    line-height: 1.5em;
}

.invitation-ewmbox {
    width: 100%;
    margin: 0 auto;
}
.invitation-ewmbox > img {
    display: block;
    width: 100%;
}
.invitation-container .list-block .item-title.label {
    width: 15%;
}

.invitation-container .btnInvitation {
    margin-left: 10px;

}


.invitation-url .item-inner {font-size: 12px;}
.invitation-url .item-inner .item-title {
    overflow: visible;
}

.invitation-url .list-block {
    margin:0;
}


.invitation-url .tip {
    text-align: center;
    margin-top: 10px;
}

.invitation-url .item-inner input {
    font-size: 12px;
}
.invitation-url .item-inner .button {
    font-size: 12px;
    background-color: #4cc3fe;
}

.invitation-headImg {

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
}

.invitation-headImg > img {
    height: 50px;
    width: 50px;
    margin-right: 5px;

}













/* - 个人资料 - */

.personal-bar {
    width: 100%;
    background-color: #FF0000;
    color: #ffffff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
}

.personal-container {
    width: 100%;
    position: relative;
    background-color: #ffffff;
}

.personal-list {

}
.personal-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    height: 50px;
    align-items: center;
    text-align: left;
    border-bottom: 1px solid #F6F6F6;
}
.personal-item-head {

    /*background-color: #FF0000;*/

}


.editName {
    outline: none;
    border: none;
    display: block;
    width: 100%;
    padding: 6px 15px;

}




.personal-content{
    flex: 1;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;

}
.personal-footer {
    /*background-color: #bdebee;*/
    padding-right: 15px;
}

.headImages {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: block;
}

.headImages label {
    width: 100%;
    height: 100%;
    display: block;
}
.headImages img {
    width: 100%;
    /*display: block;*/
}

.headImg-file {
        position: absolute;

        width: 0;
        height: 0;
        top: 0;
}

.personal-popup {
    height: 45%;
    top: auto;
    bottom: 0;

}
.personal-popup .personal-editwrap {
    width: 100%;

}

.personal-popup .list-block ul:after,.personal-popup .list-block ul:before {
    content: normal;
}

.personal-editwrap-header {
    height: 44px;
    background-color: #F6F6F6;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    padding:0 15px;
    border-bottom: 1px solid #f3f3f3;
}

.personal-popup .list-block {
    margin: 10px 0 0 0;
}




.actions-modal-button {
    color: #333333;
}





    /* - 订单确认 - */

.orderSure-container {
    width: 100%;
    position: relative;
    margin-top: 10px;
}
.address {
   width: 100%;
    background-color: #ffffff;
}
.address .address-head {

    height: 44px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    border-bottom: 1px solid #F6F6F6;
    padding:0 15px;

}

.address .address-content {
    padding: 15px;


}


.addsMsg-item {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.orderSure-container .card {
    margin: 10px 0 0 0;
}


.goodsMsg {

}

.goodsMsg .item-title {
    font-size: 13px;
    white-space : normal;
    line-height: 1.4em;
}

.goodsMsg .item-content {


}
.goodsMsg .item-content .item-media {
    overflow-x: hidden;
    max-width: 90px;
}
.goodsMsg .item-content .item-media img {
    height: 80px;
}

.goodsMsg .item-content .item-inner {

}

.goodsMsg .item-content .item-subtitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}






.goodsMsg .card-content ul {

}

.goodsMsg .card-content li {

}
.goodsMsg .card-content li .item-content {
    background-color: #F6F6F6;
    padding: 5px 0 5px 15px;

}

.goodsMsg .card-content li .item-content .item-subtitle {
    margin-top: 20px;
    padding-right: 10px;
}

.goodsMsg .card-content li .item-content > div {
    padding: 0;
}

.ordersure-goodsmsg-oper {
    height: 44px;
    font-size: 14px;
}

.ordersure-goodsmsg-todo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    padding: 0 10px 0 15px;
}
.ordersure-goodsmsg-todo .todo input {
    width: 30px;
    display: inline-block;
    height: 20px;

}


.orderSure-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

}
.orderSure-bar span {
    line-height: 50px;
}
.orderSure-bar  .total {
    flex: 7;

}

.orderTotal {
    padding: 0 8px;
}
.orderSure-bar .toPay {
    flex: 3;
    background-color: #00a2d4;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
}




.ordersList-container {

}

.ordersList-container .content-block {
    margin: 10px 0 0 0;
    padding: 0;
}

.ordersList-container .item-content {

}
.ordersList-container .item-content .item-media {
    overflow-x: hidden;
    max-width: 90px;
}
.ordersList-container .item-content .item-media img {
    height: 80px;
}

.ordersList-container .item-content .item-inner {

}

.ordersList-container .item-content .item-subtitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

.ordersList-container .card .card-header {
    font-size: 13px;
}
.ordersList-container .card .card-header a {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.ordersList-container .card .card-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.ordersList-container .card .card-footer.hide {
    display: none;
}


.ordersList-container .card  .card-footer span {
    padding: 6px 12px;
    display: block;
    margin: 0 5px;
}


.ordersList-container .buttons-tab a {
    font-size: 13px;
}


/* -- */

.orderDetails-bar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.orderDetails-bar span {
    padding: 8px 12px;
    margin: 6px 6px;



}

.orders-myorder-item {}


.orders-myorder-item  .item-content {

}
.orders-myorder-item  .item-content .item-media {
    overflow-x: hidden;
    max-width: 90px;
}
.orders-myorder-item  .item-content .item-media img {
    height: 80px;
}

.orders-myorder-item  .item-content .item-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;



}



.orders-myorder-item .orders-myorder-msg {
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    display: flex;
    align-items: flex-start;
}

.orders-myorder-item .orders-myorder-oper {
    margin-top: 0.2rem;
    width: 100%;
    text-align: right;
    padding: 6px 0;
}

.orders-myorder-item .orders-myorder-oper  span {
    color: #ff9900;
    margin-left: 10px;
}

.orders-myorder-item .orders-myorder-oper .orders-operate-refunds,.orders-myorder-item .orders-myorder-oper   .orders-operate-refundedit,.orders-myorder-item .orders-myorder-oper .orders-operate-refundCancel {
    color: #00a2d4;
}


.orders-myorder-item .item-content .item-title {
    white-space: normal;
    line-height: 1.3em;
}
.orders-myorder-item  .item-content .item-inner .item-title-row {
    flex: 5;

}

.orders-myorder-item  .item-content .item-inner .item-subtitle {
    /*flex: 2;*/
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;


}
.orders-myorder-item  .item-content .item-inner .item-subtitle span {
    font-size: 12px;
    margin-bottom: 5px;
}
.orders-myorder-item  .item-content .item-subtitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

.orders-myorder-item .card .card-header {
    font-size: 13px;
}

.orders-myorder-item .card .card-content .item-content {
    font-size: 13px;
    background-color: #F6F6F6;
}

.orders-myorder-item .card .card-content ul li {
    margin-bottom: 10px;
}












    /**/


.earningsLog-container .list-block {
    margin: 0;
}

.earningsLog-container .list-block .bg-head {
    background-color: #efeff4;
    font-size: 13px;

}

.earningsLog-container .list-block .item-content {
    font-size: 13px;
}



.bar .button.pull-right {
    font-size: 13px;
}

.verify.button {
/*
    border-left: 1px solid #CCCCCC;
    border-radius: 0;
    border: none;
    background-color: #4cc3fe;*/
    border-left: 1px solid #b94e4f;
    background-color: #FFF;
    color: #b94e4f;
    border-radius: 4px;

}

/*
.popup-overlay {
    display: none;
}*/

/*
.popup-toPay {
    max-width: 640px;
    max-height: 500px;
}*/

.popup-toPay {

}
.popup-toPay .content-block {
    margin: 0;
    padding: 0;
}
.popup-toPay .close-popup {
    display: block;
    padding: 0 15px;
    height: 44px;
    background-color: #F6F6F6;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    color: #00a2d4;
}

.popup-toPay .ewm {
    width: 200px;
    height: 200px;
    margin: 50px auto;

}
.popup-toPay .ewm img {
    width: 100%;
    height: 100%;
}
.popup-toPay .text {
    text-align: center;
    font-size: 16px;

}
@media (min-height: 630px) and (min-width: 630px){
    .popup-toPay.modal-in {
        width: 500px;
        height: 500px;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);

    }
}


/*   */

.asterisk {
    color: #FF6600;
}

.proof-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.proof-item {
    flex: 1;
    max-width: 80px;
    margin-right: 10px;
}
.proof-item img {
    width: 100%;
    display: block;
}
.proof-upload {
    width: 80px;
    height: 80px;
    background-color: #f3f3f3;
    position: relative;
}

.proof-upload:before {
    content: "";
    display: block;
    width: 80%;
    height: 1px;
    position: absolute;
    top: 50%;
    background-color: #00a2d4;
    left: 10%;
}
.proof-upload:after {
    content: "";
    display: block;
    height: 80%;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 10%;
    background-color: #00a2d4;
}

.proof-upload input[type="file"] {
    width: 100%;
    height: 100%;
    /*visibility: hidden;*/
    opacity: 0;
}


.refund-container {
    width: 100%;
}
.refund-container .list-block {
    margin: 10px 0;
}

refund-container .content-block {
    margin: 10px 0 30px;
}

.postAddr {
    padding: 15px;
}
.postAddr h5 {
    font-size: 14px;
    color: #999;
    margin-bottom: 15px;
}

.postAddr li {
    line-height: 1.5em;
    font-size: 12px;
    color: #999;
}


/*常见问题*/

.problem-list {

}
.problem-list li {
    padding: 0px 15px;
    border-bottom: 1px solid #F3F3F3;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 44px;
}



/* 意见反馈 */

.opinion-container {}


.opinion-container input[type="text"],textarea {
    display: block;
    outline: none;
    border: none;
    width: 100%;
    color: #999999;
    font-size: 13px;
}

.opinion-container .feedback {
    padding: 10px;
}
.opinion-container .form textarea {
    margin-bottom: 15px;
    height: 175px;
    border-radius: 5px;
    padding: 10px;
    background-color: #f4f4f4;
}
.opinion-container .form input {
    margin-bottom: 20px;
    height: 44px;
    border-radius: 5px;
    padding:0 10px;
    background-color: #f4f4f4;
}
.opinion-container input[type="button"] {
    background-color: #ce3d3b;
}

.opinion-container textarea {
    padding: 10px;
}
.opinion-container .toast {
    position: absolute;
    left: 0;
    top: 0;
    bottom:0;
    right: 0;
    z-index: 9999;
    margin: auto;
    padding: 10px 15px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 20px;
    width: 175px;
    height: 45px;
    color: #ffffff;
    text-align: center;
    display: none;
}

.pageProblemDetail .bar-nav .title {
    float: left;
    font-size: 15px;
    color: #333333;
    max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    left: 10%;
    right: 10%;
    display: inline-block;
    margin: auto;
}

.problemDetail-container {
    width: 100%;
}

.problemDetail-header {
    padding: 10px;
    border-bottom: 1px solid #F6F6F6;
    text-align: center;
}
.problemDetail-header h3 {
    font-size: 14px;
    margin-bottom: 10px;
}
.problemDetail-header p {
    font-size: 12px;
}

.problemDetail-content {

    padding: 15px;

}

.problemDetail-content p {
    font-size: 12px;
    line-height: 1.5em;
}
.problemDetail-content img {
    display: block;
    width: 100%;
}



.icon_mobile {background-image: url("/static/store/images/comon/icon_phone.png");width:0.7rem;height: 1rem; background-size: 100%;}

.icon_verify {background-image: url("../images/comon/icon_yanzheng.png");width:0.7rem;height: 1rem;}

.icon_true_name {background-image: url("/static/store/images/comon/icon_phone.png");width:0.7rem;height: 1rem; background-size: 100%;}

.icon_ID_number {background-image: url("/static/store/images/comon/icon_phone.png");width:0.7rem;height: 1rem; background-size: 100%;}

.mobileEdit-container {

}
.mobileEdit-container .list-block {
    margin: 10px 0 0 0;
}

.mobileEdit-container .list-block ul:before,.mobileEdit-container .list-block ul:after {
    content: normal;
}

.mobileEdit-container .list-block ul li:after {
    content: "";
    width: 95%;
    border-bottom: 1px solid #F6F6F6;
    position: absolute;
    right: 0;
}
.mobileEdit-container .list-block .item-inner:after {
    content: normal;

}


.form-item-submit {
    padding: 15px;
    margin-top: 5px;
}
.form-item-submit .button {
    background-color: #4cc3fe;
}

.mobileEdit-container .verify {
    background-color: #4cc3fe;
    color: #ffffff;
    border-radius: 4px;
}






.pageAddAddress .list-block {
    margin: 10px 0 0 0 ;
}

.pageAddAddress .list-block .item-title {
    line-height: 1.2em;
    font-size: 14px;
    width: 30%;
}








.login-container {

}
.login-container .list-block {
    margin: 0;
}
.login-container .list-block ul:before,.login-container .list-block ul:after {
    content: normal;
}

.login-container .list-block .item-inner:after {
    content: normal;
}
.login-container .list-block li {
    position: relative;
}
.login-container .list-block li:after {
    content: "";
    width: 95%;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #F6F6F6;
}

/*
.login-container .button {
    background-color: #4cc3fe;
}
*/


.login-header {
    width: 100%;
    position: relative;
    margin-bottom: 24px;
    margin-top: 15px;
}

.login-show {
    width: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.login-show img {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    border-radius: 50%;
}
.login-show h5 {
    color: #666666;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
}




.login-ct {
    display: flex;flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.login-ct .loginbtnbox {
    flex: 1;
}
.login-ct .loginbtnbox {
    margin: 0 10px;
}

.login-ct .norlogin .button{
    background-color: #4cc3fe;
}


.pageInvitation .list-block{
    margin: 10px 0 0 0;
}
.pageInvitation .list-block .item-title {
    font-size: 13px;
    width: 25%;
    line-height: 1.2em;
}

.pageInvitation .content-block .button {

    background-color: #4cc3fe;
}

.index-ad {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999999;
    overflow: auto;
    display: none;
    background-color: #ffc843;

}
.index-ad img {
    width: 100%;
    display: block;
}

.index-ad-container {
    width: 100%;
}
.index-ad-container img {
    width: 100%;
    display: block;
}
.index-close {

    color: #ffffff;
    text-align: center;

    position: fixed;
    bottom: 50px;
    right: 10px;
    line-height: 1.3em;
    background-color: #ce3d3b;
    text-align: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 12px;
}

.index-close > img {
    width: 20px;
    display: block;
    margin: 8px auto 3px;
}


.bar-nav {

}
.bar-nav .title,.bar-nav .button-nav {
    color: #333333;
}



/** 导航工具 */


.bar-tab .tab-item:active{
    color: #CE3D3C!important;;
}



.bar-tab .active{
    color: #CE3D3C!important;
}

/**
申请品鉴师
 */

.taste-apply-container {background: url("../images/mine/bg_taste.jpg") ;background-size: 100% 100%;}




.apply-ct {
    display: flex;flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.apply-ct .applybtnbox {
    flex: 1;
}
.apply-ct .applybtnbox {
    margin: 0 10px;
}

.apply-ct .norapply .button{
    background-color: #ce3d3b;
}



.setMarRight80 {
    margin-right: 80px;
}

.setMarLeft80{
    margin-left: 60px;
}

.item-content .item-inner .item-input input{

}


/**
品鉴师结果页面
 */
.taste-apply-result{
    padding-top: 30px;
}

.taste-apply-result-message{
    padding: 0 30px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #ce3d3b;
}


/**
首页
 */
.totalgoods-item-intro-s .button{
    border: solid 1px #ce3d3b;
    color: #ce3d3b;
}

.swiper-pagination-bullet-active{
    background-color: #ce3d3b;
}


.item-inner .verify {
    border: 1px solid #ce3d3b;
}


.swiper-container span {
    padding:0 !important;
}


